<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> 内部DNS管理系统  </title>
<style type = "text/css">
    .Validform_right{color:green}
    .Validform_wrong{color:red}
</style>
    <!-- Bootstrap -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/static/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="/static/css/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="/static/css/green.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="/static/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- JQVMap -->
    <link href="/static/css/jqvmap.min.css" rel="stylesheet"/>
    <!-- bootstrap-daterangepicker -->
    <link href="/static/css/daterangepicker.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="/static/css/custom.min.css" rel="stylesheet">
    <link href="/static/css/sweetalert.css" rel="stylesheet">
    <link href="/static/css/select2.css" rel="stylesheet">
    <link href="/static/chosen/css/chosen-bootstrap.css" rel="stylesheet">
    <link href="/static/chosen/css/chosen.min.css" rel="stylesheet">


  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="./" class="site_title">
			  <span>  DNS System  </span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile clearfix">
              <div class="profile_pic">
                <img src="/static/images/img.jpg" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>欢迎使用,</span>
                    {% if user.is_authenticated %}
                        <h2>{{ user.username }}</h2>
                    {% else %}
                        游客
                    {% endif %}
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

			
            <!-- 菜单 -->
           <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-home"></i> 仪表盘 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                        <li><a href="{% url "dashboard" %}">域名解析</a></li>
                    </ul>
                  </li>
                  </li>
				  
                  <li><a><i class="fa fa-group"></i> 用户管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                              <li><a href="{% url "user_list" %}">用户列表</a></li>

                    </ul>

                  </li>


				<li><a><i class="fa   fa-star-half"></i>域名管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                                   <li><a href="{% url  "named_list"  %}">域名列表</a></li>
                     </ul>
                  </li>



                </ul>
              </div>
			 <!-- /菜单 -->
			 

         </div>

            <!-- 工具条菜单 -->
            <div class="sidebar-footer hidden-small">
            <!--  <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a> -->
              <a data-toggle="tooltip" data-placement="top" title="退出" href="{% url "user_logout" %}">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>

          </div>
        </div>

        <!-- 顶部导航 -->
        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="" >
                  <li><a href="{% url "user_logout" %}"><i class="fa fa-sign-out pull-right"></i>退出</a></li>
              </ul>


            </nav>
          </div>
        </div>
        <!-- /top navigation -->
        <!-- /顶部导航 -->
		
		

		<!-- 网页内容 -->

		<div class="right_col" role="main">
		  {% block content %}
		  {% endblock %}

          {% block body %}
          {% endblock %}
		 <!-- 网页内容 -->
         </div>


        <!--
        <footer>
          <div class="pull-right">
             <a href="" target="_blank" title=""></a> - Collect from <a href="" title="" target="_blank">自动化运维管理平台</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        -->


     </div>
    </div>
  </div>
 </div>


    <!-- jQuery -->
    <script src="/static/js/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- FastClick -->
    <script src="/static/js/fastclick.js"></script>
    <!-- NProgress -->
    <script src="/static/js/nprogress.js"></script>
    <!-- Chart.js -->
    <script src="/static/js/Chart.min.js"></script>
    <!-- gauge.js -->
    <script src="/static/js/gauge.min.js"></script>
    <!-- bootstrap-progressbar -->
    <script src="/static/js/bootstrap-progressbar.min.js"></script>
    <!-- iCheck -->
    <script src="/static/js/icheck.min.js"></script>
    <!-- Skycons -->
    <script src="/static/js/skycons.js"></script>
    <!-- Flot -->
    <script src="/static/js/jquery.flot.js"></script>
    <script src="/static/js/jquery.flot.pie.js"></script>
    <script src="/static/js/jquery.flot.time.js"></script>
    <script src="/static/js/jquery.flot.stack.js"></script>
    <script src="/static/js/jquery.flot.resize.js"></script>
    <!-- Flot plugins -->
    <script src="/static/js/jquery.flot.orderBars.js"></script>
    <script src="/static/js/jquery.flot.spline.min.js"></script>
    <script src="/static/js/curvedLines.js"></script>
    <!-- DateJS -->
    <script src="/static/js/date.js"></script>
    <!-- JQVMap -->
    <script src="/static/js/jquery.vmap.js"></script>
    <script src="/static/js/jquery.vmap.world.js"></script>
    <script src="/static/js/jquery.vmap.sampledata.js"></script>
    <!-- bootstrap-daterangepicker -->
    <script src="/static/js/moment.min.js"></script>
    <script src="/static/js/daterangepicker.js"></script>

        <!-- jQuery 3 -->
    <script src="/static/js/jquery.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="/static/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/static/js/sweetalert.min.js"></script>

    <script type="text/javascript" src="/static/js/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript" src="/static/chosen/chosen.jquery.min.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="/static/js/custom.min.js"></script>
    <script src="/static/js/select2.js"></script>
    <script src="/static/js/i18n/zh-CN.js"></script>
    <script src="/static/js/echarts.min.js"></script>

	<script>
            function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie != '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) == (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
        function csrfSafeMethod(method) {
            // these HTTP methods do not require CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }


</script>
<script>
{% block js %}

{% endblock %}
</script>
	
  </body>
</html>
